<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>h5_test</title>
    <script>
        document.createElement("myHero")
    </script>
    <style>
        myHero
        {
            display:block;
            background-color:rebeccapurple;
            padding: 50px;
            font-size: 30px;
        }
    </style>
</head>
<body>
<form action="demo-form.php">
    生日：<input type="date" name="bday">
    <input type="submit">
</form>

<myHero>asdasf</myHero>


<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
    您的浏览器不支持 HTML5 canvas 标签。
</canvas>

<script>

    var c=document.getElementById("myCanvas");
    var ctx=c.getContext("2d");
    ctx.fillStyle="blue";
//    ctx.fillRect(0,0,150,75);
ctx.beginPath();
ctx.arc(95 ,50,33,0,2*Math.PI);
ctx.stroke();
</script>
<div>
    <video id="video1" width="120" height="240" controls autoplay src="movie.mp4">
        <!--<source src="movie.mp4" type="video/mp4">-->
        lalala
    </video>
    <button onclick="makeBig()">放大</button>

</div>
<script>
    var myVideo=document.getElementById("video1");
    function makeBig()
    {
        myVideo.width=960;
    }

</script>


<form action="demo-form.php" autocomplete="on">
    First name:<input type="text" name="fname"><br>
    Last name: <input type="text" name="lname"><br>
    E-mail: <input type="email" name="email" autocomplete="off"><br>
    <input type="submit">
</form>

<p>填写并提交表单，然后重新刷新页面查看如何自动填充内容。</p>
<p>注意 form 的 autocomplete 属性为  "on"（开），但是 e-mail 自动为“off”（关）。</p>

</body>
</html>